<!DOCTYPE HTML>
<html>

<head>
  <meta charset="utf-8">
  <style>
    table {
       border-collapse: collapse;
     }
     th, td {
       border: 1px solid black;
       padding: 4px;
     }
     th {
       cursor: pointer;
     }
     th:hover {
       background: yellow;
     }
  </style>
</head>

<body>

  <table id="grid">
    <thead>
      <tr>
        <th data-type="number">나이</th>
        <th data-type="string">이름</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>5</td>
        <td>일리야</td>
      </tr>
      <tr>
        <td>2</td>
        <td>보라</td>
      </tr>
      <tr>
        <td>12</td>
        <td>호진</td>
      </tr>
      <tr>
        <td>9</td>
        <td>민지</td>
      </tr>
      <tr>
        <td>1</td>
        <td>호석</td>
      </tr>
    </tbody>
  </table>

  <script>
    // ...여기에 코드를 작성하세요...
  </script>

</body>
</html>
